{% extends "master.html" %}
{% block breadcrumb %}
    <ul id="breadcrumb">
        <li><a href="/group/" title="Home"><img src="/public/images/home.png" alt="Home" class="home" /></a></li>
        <li><a href="/group/{{group.key.id}}">{{group.title}}</a></li>
        <li><a href="/topic/{{topic.key.id}}">{{topic.topic}}</a></li>
        <li>{{message.subject}}</li>
    </ul>
{% endblock %}

{% block content %}
<p>Published: {{message.date_published.date}} at {{message.date_published.time}}</p>
<p>Author: <a href="/viewprofile/{{author.key.id}}">{{author.displayname}}</a></p>
<div class="message">
	<h2>{{message.subject}}</h2>
	<p>{{message.message}}</p>
</div>
{% for reply in replies %}
<div style="float:left;margin-top:17px;">
    <img src="/profileimg/{{reply.reply.key.id}}" width="64" height="64"/>
</div>
    <div class="reply">

        <p>{{reply.reply.message}}</p>
        <p class="reply_options">
        <a href="/deletemessage/{{reply.reply.key.id}}">delete</a>
		<a href="/modifymessage/{{reply.reply.key.id}}">modify</a>
        <a class="mauth" href="/viewprofile/{{reply.author.key.id}}">{{reply.author.displayname}}</a>
        
</p><br>
    </div>
{% endfor %}
<div class="new">
    <!--<a href="/newreply/{{message.key.id}}">Reply</a>-->
    <a href="/newreply/{{message.key.id}}" class="button"><span>
	<img src="/public/images/plus.png" width="13" height="13" /> Reply</span></a>
</div>
{% endblock %}
